<!-- 区位交通 -->
<template>
  <div>
  	<Row>
  		<Col span="24">
				<baidu-map class="map" :center="{lng: 119.963651, lat: 31.704001}" :zoom="20" >
					<bm-navigation anchor="BMAP_ANCHOR_TOP_RIGHT"></bm-navigation>
					<bm-marker :position="{lng: 119.963786, lat: 31.703709}" :dragging="true" animation="BMAP_ANIMATION_BOUNCE"> 
    </bm-marker>
				</baidu-map>
			</Col>
      <Col span="24">
        <span class="address"></span>
        <span class="font">常州世贸中心东临常州南北干道常武中路，南临武进行政商务大道延政中路，北临武进商业街花园路，紧邻地铁1号线，距城市高架出入口仅100米。</span>
      </Col>
      <Col span="24">
        <span class="car"></span>
        <span class="font">公交：2路，66路，70路，302路，320路，503路，K1路，常州70路，76a路，76路直达</span>
      </Col>
		</Row>
  </div>
</template>

<script>
  export default {
    
  }
</script>

<style scoped lang="less">
	.map {
		width:100%;
		height:400px;
	}
  .address {
    display: inline-block;
    width: 20px;
    height: 45px;
    background: url(../../assets/hire/address.png) no-repeat center;
    vertical-align: middle;
    margin-right: 25px;
  }
  .font {
    font-size: 20px;
    color: #000;
  }
  .car {
     display: inline-block;
    width: 20px;
    height: 45px;
    background: url(../../assets/hire/car.png) no-repeat center;
    vertical-align: middle;
    margin-right: 25px;
  }
</style>